<template>
  <section>
    <div>
      <div class="banner">
        <div class="container">
          <div class="row">
            <h1 class="banner_title">Shop</h1>
            <div class="breadcrumb">
              <ul>
                <li> <router-link :to="{name:'index'}" exact class="aui-tabBar-item " style="color: orangered;font-size: medium;">Home
                    </router-link></li>
                <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                <li><router-link :to="{path:'/shop'}" exact class="aui-tabBar-item " style="color: orangered;font-size: medium;">Shop
                    </router-link></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="shop-card">
      <div class="blog_left_sidebar cellpadding">
        <div class="container">
          <div class="row">
            <div class="col-xs-6 col-md-4 left-column shop_del">
              <aside class="blogAside">
               <!-- 	Category-START 	-->
                <div class="recentTitle">
                  <h5 class="h5 as">产品分类</h5>
                </div>
                <ul class="categoriesList normall">
                  <li><router-link :to="{name:'aerobic training'}" tag="a" class="type1" >有氧健身产品</router-link></li>
                  <li><router-link :to="{name:'strength training'}" tag="a" >力量训练产品</router-link></li>
                  <li><router-link :to="{name:'fight training'}" tag="a" >搏击训练产品</router-link></li>
                  <li><router-link :to="{name:'leisure fitness'}" tag="a" >懒人健身产品</router-link></li>
                  <li><router-link :to="{name:'yoga training'}" tag="a" >瑜伽训练产品</router-link></li>
                </ul>
              </aside>
            </div>



            <!--=========Shop Right Start============-->
            <div class="main2-shoping">
              <router-view></router-view>
            </div>
          </div>
        </div>
      </div>
    </div>

  </section>

</template>

<script>
  import '@/assets/css/icofont.css'
  export default {
    name: 'Shop'
  }
</script>

<style>
 .type1.router-link-active{ 
    color: red;
    border-bottom: 1px solid red;
}
</style>
